<template>
    <view class="box-c">
        <image class="header-img" mode="widthFix" :src="info.box_top_image"></image>
        <view :class="['body', 'number' + $root.g0]">
            <view :class="['item', item === 0 ? 'active' : '']" hoverClass="hover" v-for="(item, index) in skuStatus" :key="index">
                <image src="https://cdn2.hquesoft.com/box/home/box-empty.png" v-if="item"></image>

                <image @tap="__e" :data-event-opts="[['tap', [['select', [index]]]]]" hoverClass="hover" mode="aspectFill" :src="info.sku_thumb" v-else></image>
            </view>
        </view>
    </view>
</template>

<script>
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['pages/boxDetail/boxTheme/Default'],
    {
        '495b': function (t, e, n) {
            'use strict';

            n.d(e, 'b', function () {
                return a;
            });
            n.d(e, 'c', function () {
                return o;
            });
            n.d(e, 'a', function () {});
            var a = function () {
                this.$createElement;
                var t = (this._self._c, this.skuStatus.length);
                this.setData(
                    Object.assign(
                        {},
                        {
                            $root: {
                                g0: t
                            }
                        }
                    )
                );
            };
            var o = [];
        },
        7437: function (t, e, n) {
            'use strict';

            n.r(e);
            var a = n('9bfb');
            var o = n.n(a);
            for (var u in a) {
                if (['default'].indexOf(u) < 0) {
                    (function (t) {
                        n.d(e, t, function () {
                            return a[t];
                        });
                    })(u);
                }
            }
            e.default = o.a;
        },
        '9bfb': function (t, e, n) {
            'use strict';

            Object.defineProperty(e, '__esModule', {
                value: true
            });
            e.default = void 0;
            var a = {
                props: {
                    room: {
                        type: Object
                    },
                    info: {
                        type: Object
                    }
                },
                data: function () {
                    return {};
                },
                computed: {
                    skuStatus: function () {
                        return this.room.sku_status;
                    }
                },
                created: function () {},
                methods: {
                    select: function (t) {
                        this.$playAudio('check');
                        this.$emit('select', t);
                    }
                }
            };
            e.default = a;
        },
        c265: function (t, e, n) {
            'use strict';

            n.r(e);
            var a = n('495b');
            var o = n('7437');
            for (var u in o) {
                if (['default'].indexOf(u) < 0) {
                    (function (t) {
                        n.d(e, t, function () {
                            return o[t];
                        });
                    })(u);
                }
            }
            n('eaaa');
            var c = n('f0c5');
            var i = Object(c.a)(o.default, a.b, a.c, false, null, null, null, false, a.a, void 0);
            e.default = i.exports;
        },
        d151: function (t, e, n) {},
        eaaa: function (t, e, n) {
            'use strict';

            var a = n('d151');
            n.n(a).a;
        }
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'pages/boxDetail/boxTheme/Default-create-component',
    {
        'pages/boxDetail/boxTheme/Default-create-component': function (t, e, n) {
            n('543d').createComponent(n('c265'));
        }
    },
    [['pages/boxDetail/boxTheme/Default-create-component']]
]);
</script>
<style>
@import './Default.css';
</style>
